.rui.btn-cta {
  color: @btn-cta-color;
  background-color: @btn-cta-bg;
  border-color: @btn-cta-border;
}

// All buttons
.rui.btn, .btn {
  box-shadow: none;
  font-weight: 600;
  border-width: @btn-border-width;
}

// Icon Button
.rui.btn.icon-only {
  border: none;
  font-size: 10px;
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: @btn-icon-size / 2;
  width: @btn-icon-only-size;
  height: @btn-icon-only-size;
  color: @btn-icon-only-default-color;
  background-color: @btn-icon-only-default-bg;
  box-shadow: none;
}

.rui.btn.icon-only.solid {
  // background-color: @btn-icon-default-bg;
}

.rui.btn.icon-only.outline {
  color: @btn-icon-only-default-color;
  background-color: @btn-icon-only-outline-bg;
  border-width: @btn-icon-only-border-width;
  border-radius: @btn-icon-only-border-radius;
}

.rui.btn-default.icon-only {
  color: @btn-icon-only-default-color;
  background-color: @btn-icon-only-default-bg;
  border-color: @btn-icon-only-default-border;

  &.outline {
    color: @btn-icon-only-default-color
  }
}

.rui.btn-primary.icon-only {
  color: @btn-icon-only-primary-color;
  background-color: @btn-icon-only-primary-bg;
  border-color: @btn-icon-only-primary-border;

  &.outline {
    color: @btn-icon-only-primary-bg;
  }
}

.rui.btn-cta.icon-only {
  color: @btn-icon-only-cta-color;
  background-color: @btn-icon-only-cta-bg;
  border-color: @btn-icon-only-cta-border;

  &.outline {
    color: @btn-icon-only-cta-bg
  }
}


.rui.btn-success.icon-only {
  color: @btn-icon-only-success-color;
  background-color: @btn-icon-only-success-bg;
  border-color: @btn-icon-only-success-border;

  &.outline {
    color: @btn-icon-only-success-bg
  }
}

.rui.btn-info.icon-only {
  color: @btn-icon-only-info-color;
  background-color: @btn-icon-only-info-bg;
  border-color: @btn-icon-only-info-border;

  &.outline {
    color: @btn-icon-only-info-bg
  }
}

.rui.btn-warning.icon-only {
  color: @btn-icon-only-warning-color;
  background-color: @btn-icon-only-warning-bg;
  border-color: @btn-icon-only-warning-border;

  &.outline {
    color: @btn-icon-only-warning-bg
  }
}

.rui.btn-danger.icon-only {
  color: @btn-icon-only-danger-color;
  background-color: @btn-icon-only-danger-bg;
  border-color: @btn-icon-only-danger-border;

  &.outline {
    color: @btn-icon-only-danger-bg
  }
}


/**
 * Flat button
 *          border   :   BG
 * normal:  No border, transparent BG, only text
 * hover:   No border, hover BG
 * active:  No Border, activeBG
 *
 */
.rui.btn.flat {
  border: none;
  background-color: transparent;
}

.rui.btn.flat.btn-primary {
  color: @brand-primary;
}

.rui.btn.flat:hover {

}

.rui.btn.flat {
  border: none;
  background-color: transparent;
}


/**
 * Solid button
 *          border   :   BG
 * normal:  border, transparent BG, only text
 * hover:   border, hover BG
 * active:  Border, activeBG
 *
 */
.rui.btn.solid {
  // no change

}

.rui.btn.outline {
  border-width: @btn-outline-border-width;
  border-style: solid;
  border-radius: @btn-outline-border-radius;
}

.rui.btn-default.outline {
  color: @btn-outline-default-color;
  background-color: @btn-outline-default-bg;
  border-color: @btn-outline-default-border;
}

.rui.btn-primary.outline {
  color: @btn-outline-primary-color;
  background-color: @btn-outline-primary-bg;
  border-color: @btn-outline-primary-border;
}

.rui.btn-success.outline {
  color: @btn-outline-success-color;
  background-color: @btn-outline-success-bg;
  border-color: @btn-outline-success-border;
}

.rui.btn-info.outline {
  color: @btn-outline-info-color;
  background-color: @btn-outline-info-bg;
  border-color: @btn-outline-info-border;
}

.rui.btn-warning.outline {
  color: @btn-outline-warning-color;
  background-color: @btn-outline-warning-bg;
  border-color: @btn-outline-warning-border;
}

.rui.btn-danger.outline {
  color: @btn-outline-danger-color;
  background-color: @btn-outline-danger-bg;
  border-color: @btn-outline-danger-border;
}

.rui.btn-cta.outline {
  color: @btn-outline-cta-color;
  background-color: @btn-outline-cta-bg;
  border-color: @btn-outline-cta-border;
}




// Flat buttons
.rui.btn.flat {
  border-width: @btn-flat-border-width;
  border-style: solid;
  border-radius: @btn-flat-border-radius;
}

.rui.btn-default.flat {
  color: @btn-flat-default-color;
  background-color: @btn-flat-default-bg;
  border-color: @btn-flat-default-border;
}

.rui.btn-primary.flat {
  color: @btn-flat-primary-color;
  background-color: @btn-flat-primary-bg;
  border-color: @btn-flat-primary-border;
}

.rui.btn-success.flat {
  color: @btn-flat-success-color;
  background-color: @btn-flat-success-bg;
  border-color: @btn-flat-success-border;
}

.rui.btn-info.flat {
  color: @btn-flat-info-color;
  background-color: @btn-flat-info-bg;
  border-color: @btn-flat-info-border;
}

.rui.btn-warning.flat {
  color: @btn-flat-warning-color;
  background-color: @btn-flat-warning-bg;
  border-color: @btn-flat-warning-border;
}

.rui.btn-danger.flat {
  color: @btn-flat-danger-color;
  background-color: @btn-flat-danger-bg;
  border-color: @btn-flat-danger-border;
}

.rui.btn-cta.flat {
  color: @btn-flat-cta-color;
  background-color: @btn-flat-cta-bg;
  border-color: @btn-flat-cta-border;
}
